<template>
  <sn-ibox-content>
        <sn-subheader-float>
          <sn-filter slot="left" label="时间">
            <sn-date-picker
              size="medium"
              v-model="date"
              type="daterange"
              :pickerOptions="pickerOptions"
            >
            </sn-date-picker>
          </sn-filter>
          <template slot="right">
            <router-link :to="{ name: 'InternetBarAdd' }">
              <sn-button type="primary" size="small">提现</sn-button>
            </router-link>
          </template>
        </sn-subheader-float>
        <sn-table class="m-t" :data="list" stripe>
          <sn-table-column fixed prop="date" label="序号">
            <a
              href="https://gs-jr.obs.myhuaweicloud.com/dist/jr.7z"
              target="_blank"
              >下载</a
            >
          </sn-table-column>
          <sn-table-column prop="cybercafe_id" label="日期"></sn-table-column>
          <sn-table-column
            prop="cybercafe_name"
            label="网吧ID"
          ></sn-table-column>
          <sn-table-column
            prop="cybercafe_addr"
            label="代理商ID"
          ></sn-table-column>
          <sn-table-column
            prop="expire_date"
            label="代理商级别"
          ></sn-table-column>
          <sn-table-column
            prop="pc_count"
            label="创建网吧时间"
          ></sn-table-column>
          <sn-table-column
            prop="pc_count"
            label="到账金额"
          ></sn-table-column>
          <sn-table-column
            prop="pc_count"
            label="备注"
          ></sn-table-column>
        </sn-table>
        <sn-pagination
          :page-sizes="[10, 20, 30, 50]"
          :page-size="params.limit"
          layout="total, prev, pager, next, sizes, jumper"
          :total="total_count"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="currentPage"
        ></sn-pagination>
      </sn-ibox-content>
</template>

<script>
import data from "./data";
import methods from "./methods";
export default {
  name: "CapitalReport",
  mixins: [data, methods],
};
</script>